<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>LayUi示例-成绩管理系统</title>
    <link rel="stylesheet" href="webjars/layui/2.4.3/css/layui.css">
	<style type="text/css">
	.layui-main-body{ left:0;}
	.layui-main-footer{
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		height: 44px;
		line-height: 44px;
		padding: 0 15px;
		background-color: #eee;
		text-align: center;
	}
	.selected {
		/* background-color: #00801c61; */
		background-color: #5FB878;
	}
	.maincontent{
		line-height: 48px;
		width:800px;
		margin:30px auto;
		font-size: 1.3em;
		background: #eee;
		padding: 30px;
	}
	.maincontent li{
		list-style: square;
		list-style-position: outside;
	}
	
	</style>
   
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">LayUI示例-成绩管理系统</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
        	<li class="layui-nav-item"><a href="main">首页</a></li>
			<li class="layui-nav-item"  sec:authorize="hasRole('ROLE_ADMIN')">
    			<a href="javascript:;">设置</a>
    			<dl class="layui-nav-child"> <!-- 二级菜单 -->
      				<dd><a href="javascript:;" src="user/manage">管理员设置</a></dd>
      				<dd><a href="javascript:;" src="course/manage">课程设置</a></dd>
      				<dd><a href="javascript:;" src="banji/manage">班级设置</a></dd>
      				<dd><a href="javascript:;" src="student/manage">学生设置</a></dd>
    			</dl>
  			</li>
            <li class="layui-nav-item" sec:authorize="hasRole('ROLE_ADMIN')"><a href="javascript:;" src="grade/classGradeManage">班级成绩录入</a></li>
            <li class="layui-nav-item" sec:authorize="hasRole('ROLE_ADMIN')"><a href="javascript:;" src="grade/peasonGradeManage">个人成绩录入</a></li>
            <li class="layui-nav-item" sec:authorize="hasRole('ROLE_ADMIN')"><a href="javascript:;" src="grade/allGradeList">班级成绩显示</a></li>
            <li class="layui-nav-item" sec:authorize="hasRole('ROLE_STUDENT')"><a href="javascript:;" src="grade/peasonGradeList">显示个人成绩</a></li>
            <li class="layui-nav-item" sec:authorize="hasRole('ROLE_STUDENT')"><a href="javascript:;" src="grade/classGradeList">显示全班成绩</a></li>
            
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                	欢迎你：
                    <span sec:authorize="hasRole('ROLE_DVP')">开发者</span>
                    <span sec:authorize="!hasRole('ROLE_DVP')" sec:authentication="principal.name">aaa</span>
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;" src="changePwd">修改密码</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="logout">注销</a></li>
        </ul>
    </div>



    <div class="layui-body layui-main-body" style="background-color: #ccc" id="content">
        <!-- 内容主体区域 -->
        <div class="maincontent">
	        <ul sec:authorize="hasRole('ROLE_ADMIN')">
			   	<h4>这是一个<b>LayUi</b>使用的示例程序，源码地址为：<a href="https://gitee.com/ycljc/layui_example.git" target="_blank">http://gitee.com/ycljc/layui_example.git</a></h3>
		        <li>在程序中，对使用较多的LayUi数据表格进行了一定的封装，封装文件是<b>static/static/js/dataTable.js</b></li>
		        <li>本程序的数据库系统为：<b>mysql</b>，使用的数据库名为：<b>test</b>。</li>
		        <li>运行项目会自动的建立表，并初始化一个管理员用户，用户名和密码都是<b>admin</b></li>
		        <li>在这个程序中，后台使用的是<b>spring boot</b></li>
		        <li>权限管理用的是<b>spring boot security</b></li>
		        <li>学生用户登录名为<b>学号</b>,默认密码为<b>1111</b></li>
		        <li>管理员在<b>学生</b>和<b>管理员</b>操作页面可以修改<b>用户的密码</b>，用户登录成功后也可以通过菜单修改自己的密码</li>
	        </ul>
	        <ul sec:authorize="hasRole('ROLE_STUDENT')">
			   	<h3>欢迎你登录本程序，你是一个学生用户
		        <li>你可以点击<b>显示个人成绩</b>菜单项，来查询自己所有课程的成绩</li>
		        <li>你也可以点击<b>显示全班成绩</b>菜单项，来查询自己班上所有同学的成绩</li>
		        <li>你可以在菜单栏的用户名的下级菜单中点击<b>修改密码</b>，来修改自己的登录密码</li>
	        </ul>
        </div>
        
    </div>

    <div class="layui-main-footer">
        <!-- 底部固定区域 -->
        © tgc.edu.ljc 授权管理维护
    </div>
</div>

<script src="webjars/layui/2.4.3/layui.js"></script>
<script type="text/javascript" src="static/js/dataTable.js"></script>	
<script>
    //JavaScript代码区域
    layui.use(['element','layer','table'], function(){
        var element = layui.element;
    	var $ = layui.$ //由于layer弹层依赖jQuery，所以可以直接得到
        var layer = layui.layer;
        table=layui.table;
        var element = layui.element;
        var src=null;
        var currRow=null;
        tableIns=null;
        element.on('nav',function(elem){
        	currRow=null;
        	src=$(elem).attr('src');
        	if(src){
	        	//var href=src+'/manage';
	        	$('#content').empty();
	        	$('#content').load(src);
        	}
        });

    });
    
</script>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="detail">查看</a>
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
</body>
</html>
